x

Web Technologies

CMS (Content Management System)

  • Used to publish similar types of contents, like blog posts easily
  • Modern architectures can decouple frontend and backend, creating headless CMSs
  • eg: Wordpress.org, Joomla, Drupal, Magento, Squarespace, Wix, Zoho, Ghost

CDN (Content Delivery Network)

  • Used to deliver cached content with low latency to wider locations
  • Can reduce server load by spreading traffic across CDN servers
  • eg: Cloudflare

CRM (Customer Relationship Management)

  • eg: Bittrix24 (also has CMS)

Web Architectures

By chronology of trend:

  • Fully Static - HTML, CSS, Web Server
  • Dynamic - Frontend + Backend
  • Single Page Application - HTML, CSS are generated dynamically on client side
  • JAMStack - JavaScript, API, Markup: Basically decoupling frontend and backend

By functional categorization:
SSR: Server side rendering, CSR: Client side rendering
SPA: Single-page application, MPA: Multi-Page application

  • SSR MPA - Fullstack (e.g. Django, Wordpress)
  • SSR SPA - Server pre-rendered content from the server
  • CSR SPA - Has a client side router for navigation. e.g: React
  • CSR MPA - Has no client side router. e.g: JAMStack

Popular Web Stacks:
LAMP - Linux, Apache, MySQL, PHP/Perl/Python
LEMP - Linux, NginX, MySQL, PHP/Perl/Python
MEAN - MongoDB, ExpressJS, AngularJS, NodeJS
MERN - MongoDB, ExpressJS, ReactJS, NodeJS
MEVN - MongoDB, ExpressJS, VueJS, NodeJS
Django - JavaScript, Python, Django, MySQL
Ruby on Rails - JavaScript - Ruby - SQLite - Rails
Frontends:
Javascript, jQuery, Angular/Vue/React, Typescript
Backends:
PHP, Perl, Python, NodeJS, C#, C++, Scala, Ruby, ASP, Go
Databases
MySQL, PostgreSQL, MongoDB, DynamoDB, Firebase, Redis
Control Panels

Communication Technologies

Left-click: follow link, Right-click: select node, Scroll: zoom
x